<html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<head>
<script language="JavaScript">

etoile_rouge_url='./images/red_star.gif';
etoile_rose_url='./images/pink_star.gif';


function StarOver(Champ,StarNb){
        for(i=1;i<6;i++) {
        document.getElementById(Champ+'Star'+i).src=etoile_rose_url;
        }
        for(i=1;i<StarNb+1;i++) {
        document.getElementById(Champ+'Star'+i).src=etoile_rouge_url;
        }
}

function StarOut(Champ,StarNb) {
Note=parseInt(document.getElementById(Champ).value);

                if(document.getElementById(Champ).value){
                        for(i=1;i<6;i++) {
                        document.getElementById(Champ+'Star'+i).src=etoile_rose_url;
                        }
                        for(i=1;i<Note+1;i++) {
                        document.getElementById(Champ+'Star'+i).src=etoile_rouge_url;
                        }
                }else{
                        for(i=1;i<6;i++) {
                        document.getElementById(Champ+'Star'+i).src=etoile_rose_url;
                        }
                }
}
function StarClick(Champ,StarNb) {
        for(i=1;i<StarNb+1;i++) {
        document.getElementById(Champ+'Star'+i).src=etoile_rouge_url;
        }
        document.getElementById('Td_'+Champ).innerHTML=StarNb+'/5';
        document.getElementById(Champ).value=StarNb;
}

</script>
</head>

<body>
<form action="" method="post" name="Form1" >

  <table border="0">
    <tr>
      <td><img src="./images/red_star.gif" alt="1" id="Note1Star1" onMouseOver=StarOver('Note1',1) onMouseOut=StarOut('Note1',1) onClick=StarClick('Note1',1)></td>
      <td><img src="./images/red_star.gif" alt="2" id="Note1Star2" onMouseOver=StarOver('Note1',2) onMouseOut=StarOut('Note1',2) onClick=StarClick('Note1',2)></td>
      <td><img src="./images/red_star.gif" alt="3" id="Note1Star3" onMouseOver=StarOver('Note1',3) onMouseOut=StarOut('Note1',3) onClick=StarClick('Note1',3)></td>
      <td><img src="./images/red_star.gif" alt="4" id="Note1Star4" onMouseOver=StarOver('Note1',4) onMouseOut=StarOut('Note1',4) onClick=StarClick('Note1',4)></td>
      <td><img src="./images/red_star.gif" alt="5" id="Note1Star5" onMouseOver=StarOver('Note1',5) onMouseOut=StarOut('Note1',5) onClick=StarClick('Note1',5)></td>
      <td id="Td_Note1"></td>
    </tr>
  </table><input name="Note1" type="hidden" value="" id="Note1">
  <p>&nbsp;</p>
  <table border="0">
    <tr>
      <td><img src="./images/red_star.gif" alt="1" width="12" height="12" id="Note2Star1" onClick=StarClick('Note2',1) onMouseOver=StarOver('Note2',1) onMouseOut=StarOut('Note2',1)></td>
      <td><img src="./images/red_star.gif" alt="2" width="12" height="12" id="Note2Star2" onClick=StarClick('Note2',2) onMouseOver=StarOver('Note2',2) onMouseOut=StarOut('Note2',2)></td>
      <td><img src="./images/red_star.gif" alt="3" width="12" height="12" id="Note2Star3" onClick=StarClick('Note2',3) onMouseOver=StarOver('Note2',3) onMouseOut=StarOut('Note2',3)></td>
      <td><img src="./images/red_star.gif" alt="4" width="12" height="12" id="Note2Star4" onClick=StarClick('Note2',4) onMouseOver=StarOver('Note2',4) onMouseOut=StarOut('Note2',4)></td>
      <td><img src="./images/red_star.gif" alt="5" width="12" height="12" id="Note2Star5" onClick=StarClick('Note2',5) onMouseOver=StarOver('Note2',5) onMouseOut=StarOut('Note2',5)></td>
      <td id="Td_Note2"></td>
    </tr>
  </table><input name="Note2" type="hidden" value="" id="Note2">
  <p>&nbsp;</p><p>&nbsp;</p>
</form>
</body>
</html>



